<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit|ie-comp|ie-stand"/>
    <title>应急管理物资调配系统</title>
    <link rel="stylesheet" href="base.css"/>
    <link rel="stylesheet" href="gu-style.css"/>
    <link rel="stylesheet" href="ll.css"/>


</head>
<style>
    html, body {
        height: 100%;
    }

    .gu-loginFrom li:first-child {
        border: 0px;
    }

    .gu-loginFrom li.error {
        color: #f00;
        font-size: 14px;
    }cisco_user_center_login
    .gu-btn-login:disabled{
   
      background: #8ac9ef;
    }
</style>
<body>

<div id="id01" class="modal">
  
  <form class="modal-content animate" action="Login">
    <div class="imgcontainer">
      <span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">&times;</span>
      <img src="./jpg/img_avatar.png" alt="Avatar" class="avatar">
    </div>

    <div class="container">
      <label><b>用户</b></label>
      <input type="text" placeholder="Enter Username" name="uname" required>

      <label><b>Password</b></label>
      <input type="password" placeholder="Enter Password" name="upsw" required>
        
      <button type="submit">登录</button>
      <input type="checkbox" checked="checked"> 记住我
    </div>

    <div class="container" style="background-color:#f1f1f1">
      <button type="button" onclick="document.getElementById('id01').style.display='none'" class="cancelbtn">Cancel</button>
      <span class="psw">Forgot <a href="#">password?</a></span>
    </div>
  </form>
</div>

<div id="id02" class="modal">
  
  <form class="modal-content animate" action="Login2">
    <div class="imgcontainer">
      <span onclick="document.getElementById('id02').style.display='none'" class="close" title="Close Modal">&times;</span>
      <img src="./jpg/img_avatar.png" alt="Avatar" class="avatar">
    </div>

    <div class="container">
      <label><b>管理员</b></label>
      <input type="text" placeholder="Enter Username" name="glyname" required>

      <label><b>Password</b></label>
      <input type="password" placeholder="Enter Password" name="glypsw" required>
        
      <button type="submit">登录</button>
     
    </div>

    <div class="container" style="background-color:#f1f1f1">
      <button type="button" onclick="document.getElementById('id02').style.display='none'" class="cancelbtn">Cancel</button>
      <span class="psw">Forgot <a href="#">password?</a></span>
    </div>
  </form>
</div>
<div id="id03" class="modal">
  
  <form class="modal-content animate" action="Login3">
    <div class="imgcontainer">
      <span onclick="document.getElementById('id03').style.display='none'" class="close" title="Close Modal">&times;</span>
      <img src="./jpg/img_avatar.png" alt="Avatar" class="avatar">
    </div>

    <div class="container">
      <label><b>企业</b></label>
      <input type="text" placeholder="Enter Username" name="qyname" required>

      <label><b>Password</b></label>
      <input type="password" placeholder="Enter Password" name="qypsw" required>
        
      <button type="submit">登录</button>
     
    </div> <div class="container" style="background-color:#f1f1f1">
      <button type="button" onclick="document.getElementById('id01').style.display='none'" class="cancelbtn">Cancel</button>
      <span class="psw">Forgot <a href="#">password?</a></span>
    </div>

  </form>
</div>
<div id="id04" class="modal">
  
  <form class="modal-content animate" action="Zhuce">
    <div class="imgcontainer">
      <span onclick="document.getElementById('id04').style.display='none'" class="close" title="Close Modal">&times;</span>
      <img src="./jpg/img_avatar.png" alt="Avatar" class="avatar">
    </div>

    <div class="container">
      <label><b>用户名</b></label>
      <input type="text" placeholder="Enter Username" name="name" required>

      <label><b>密码</b></label>
      <input type="password" placeholder="Enter Password" name="psw" required>
        <label><b>账户类型</b></label>
      <input type="radio" name="zl"  value="yh" >用户
      <input type="radio" name="zl"  value="gly" >管理员
      <input type="radio" name="zl"  value="qy" >企业
      <button type="submit">注册</button>
     
    </div>

  </form>
</div>

<div class="gu-loginBox" >
        <div class="gu-loginHd clearfix"><p>用户登录</p></div></div>


<div class="gu-container">
    <div class="gu-logo"><h1>应急物资调度-第三组</h1></div>
</div>

<div class="gu-loginBg" style="margin-bottom: 30px!important;">


<div class="gu-loginBox">
      <input class="gu-btn-login" type="button" value="用户入口"onclick="document.getElementById('id01').style.display='block'"   id="yhrk" style="*width:97%;"/>
      <input class="gu-btn-login" type="button" value="管理入口"onclick="document.getElementById('id02').style.display='block'" id="glrk" style="*width:97%;"/>
      
      <input class="gu-btn-login" type="button" value="企业入口"onclick="document.getElementById('id03').style.display='block'"id="qyrk" style="*width:97%;"/>
	<input class="gu-btn-login" type="button" value="注册新账户"onclick="document.getElementById('id04').style.display='block'"id="zhuce" style="*width:97%;"/>
 </div> 
  

  
 </div> 
<div style="text-align:center;margin-bottom: 10px;color: #a29f9f;">
code by 小爽
</div>
</body>
</html>